<template>
    <div class="main">
        <div class="info">
            <div style="display: flex">
                <footer-item/>
            </div>
            <div class="qrCode">
                <div style="display: flex;align-items: center">
                    <div style="height: 2px;width: 50px;background: darkorange"></div>
                    <div style="font-size: 24px;font-weight: bold;color: darkorange;margin-left: 12px">0573-84791348</div>
                </div>
                <div style="color: darkorange;margin-left: 70px;font-size: 18px">免费咨询电话</div>
                <div style="color: darkorange;margin-left: 70px;font-size: 18px">Support Hotline</div>
                <div style="width: 300px;margin-top: 12px">
                    <img style="width: 100%" src="@/assets/erweima.png">
                </div>
            </div>
        </div>
        <div class="code">

        </div>
    </div>
</template>

<script>
    import FooterItem from "@/components/basic-footer/footer-item";
    export default {
        name: "basic-footer",
        components: {FooterItem}
    }
</script>

<style scoped>
    .main {
        background: black;
        height: 600px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .info {
        min-width: 1200px;
        width: 80%;
        height: 90%;
        display: flex;
        justify-content: space-between;
    }

    .code {
        width: 1200px;
        background: #0f5397;
        height: 10%;
    }
    .qrCode {
        padding: 64px 0 0;
    }
</style>